<template>
  <div class="check-container">
    <el-text class="mainTitle">审核处理</el-text>
    <div class="content-wrapper">
      <el-tabs v-model="activeTab" class="tab-area" @tab-click="onTabChange">
        <el-tab-pane label="动态审核" name="dynamic">
          <CheckDynamic />
        </el-tab-pane>
        <el-tab-pane label="文章审核" name="article">
          <CheckArticle />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import CheckArticle from './CheckArticle.vue'
import CheckDynamic from './CheckDynamic.vue'

const activeTab = ref('dynamic')

const onTabChange = (tab) => {
  // 可以做加载判断、切换逻辑
}
</script>

<style scoped>
.mainTitle {
  margin-left: 30px;
  font-size: 18px;
  color: #000;
  font-weight: bolder;
}
.check-container {
  padding: 0 20px 20px 20px; /* 与子组件对齐 */
}
.content-wrapper {
  width: 96%;
  margin: 0 auto; /* 与表格容器一致 */
}
</style>
